<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
  <meta charset="UTF-8">
  <title>志愿服务</title>
  <meta name="page-view-size" content="1280*720">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/volunteer.css">
  <script type="text/javascript" src="../lib/js/evm.js"></script>
  <script type="text/javascript" src="../lib/js/Evm_djyw.js"></script>
  <script type="text/javascript" src="../lib/js/key.js"></script>
  <script src="../lib/js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="../lib/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/api.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/model.js"></script>
  <style>

  </style>
</head>

<body>
  <div class="volunteer-bg" id="volunteerMain">
    <ul class="nav-bg" id="nav-bg">
    </ul>

    <!-- 下左侧模块 -->
    <!-- <ul id="menu_bg" class="menu-bg">



        </ul> -->


    <div class="list-bg">
      <div class="list-con" id="list-con"></div>
      <p class="page-show"><span id="now_page">0</span>/<span id="total_page">0</span>

      </p>
    </div>

  </div>

  </div>

</body>
<script>
  var modelIndex = {
    index: 0, //导航栏初始位置
    menuKey: '',
    menuPageSize: 4, //导航栏模块数量
    pageSize: 1, //主模块数量
    type: '',
    crumbs: leftModel[TV.GetParam("model")].name,
    structure: 2, //上下结构  默认1是左右，2是上下结构
    menuContainerId: 'nav-bg', //包含导航栏模块的标签id
    menuListName: 'nav', //导航栏模块名称class
    mainContainerId: 'list-con', //包含主模块的标签id
    mainlistName: '', //主模块名称
    model_api: '', //当前模块的api路径
    model_detail: '', //当前模块去往的页面
    id: leftModel[TV.GetParam("model")],
  }

  var leftData = leftModel[TV.GetParam("model")].arry;





  function getMenus(page, number) {
    if (typeof number == 'number') {
      // modelIndex.mainContainerId = leftData[number].list_name;
    }
    left.paint(page, number);
    $(".nav").css("width",(1/leftData.length)*100+"%")


  }

  function getMessage(id, page, pos, index) { //id,类型，页码，上下页，位置
    console.log(id, page, pos, index, modelIndex.menuKey)
    var params = {
      // cid: id,
      page: page,
      pagesize: modelIndex.pageSize,
      // month: modelIndex.menuKey || ''
      // area_id: $.cookie('TV_CST_AREA')
    }

    if (modelIndex.model_api == 'volunteerGroupList') {   //志愿者招募
      GetDatas(modelIndex.model_api, params, function (res, data) {
        var mess = data.data;
        console.log(mess.items, 111111111111)
        var str = '';
        if (mess.items.length) {
          $('.page-show').css('display', 'block')
          for (var i = 0; i < mess.items.length; i++) {
            str += '<div class="' + modelIndex.mainlistName + '" data-id=' + mess.items[i].id +
              " data-tpe=" + mess.items[i].tpe + " >";
            //是否有logo图片    
            if (mess.items[i].logo != "") {
              str += "<img class='list-img' src=" + API_URL.imgURL + mess.items[i].logo + ">"
            } else {
              str += '<img src="../images/base.png" alt="">'
            }
            //标题 人数 
            str += '<div class="list-title">"' + mess.items[i].title + '"</div>'
            str += '<div class="list-member">' + mess.items[i].volunteers + '</div>'

            str += '</div>'
          }
        } else {
          str = '<h1>暂无数据</h1>'
          $('.page-show').css('display', 'none')
        }
        $('#' + modelIndex.mainContainerId).html(str);
        MessOpt(page, mess.totalpage, pos, index);
      })
    }
     else if (modelIndex.model_api == 'getShareList') {
      console.log(modelIndex.menuKey)
      GetDatas(modelIndex.model_api, {
        status: '0',
        page: 1,
        pagesize: 3
      }, function (res, data) {
        console.log(data.data)
        var str = '';
        var mess = data.data;
        if (mess.items.length) {
          for (var i = 0; i < mess.items.length; i++) {
            $('.page-show').css('display', 'block')
            str += '<div class="' + modelIndex.mainlistName + '" data-id=' + mess.items[i].id +
              " data-tpe=" + mess.items[i].tpe + " >";
            //user-header
            str += '<div class="list-header"><img src="../images/userHeader.png" alt=""></div>'
            //username
            str += '<div class="list-name">' + mess.items[i].username + '</div>'
            //address
            str += '<div class="list-address">' + mess.items[i].title + '</div>'
            //content
            str += '<div class="list-content">' + mess.items[i].free_time + '</div>'

            str += '</div>'
          }
        } else {
          str = '<h1>暂无数据</h1>'
        }
        $('#now_page').html(page)
        $('#total_page').html(mess.totalpage)
        $('#' + modelIndex.mainContainerId).html(str);
        MessOpt(page, mess.totalpage, pos, index);
      })
    } 
    else if (modelIndex.model_api == 'getActivityList') {
      var params = {
        // cid: id,
        page: page,
        pagesize: modelIndex.pageSize,
        is_volunteer: 1
        // month: modelIndex.menuKey || ''
        // area_id: $.cookie('TV_CST_AREA')
      }
      GetDatas(modelIndex.model_api, params, function (res, data) {
        var mess = data.data;
        console.log(mess.items)
        var str = '';
        $('.page-show').css('display', 'block')
        if (mess.items.length) {
          for (var i = 0; i < mess.items.length; i++) {
            str += '<div class="' + modelIndex.mainlistName + '" data-id=' + mess.items[i].id +
              " data-tpe=" + mess.items[i].tpe + " >";
            if (modelIndex.mainlistName == 'list-row') {
              str += '<div class="list-info">'
              //图片                      
              var img = '';
              var image = '';
              if (mess.items[i].images == '') {
                img = '../images/base.png'
              } else {
                img = API_URL.imgURL + mess.items[i].thumb_images
                image = API_URL.imgURL + mess.items[i].images
              }
              str += '<div class="list-imgBar">'
              str += "<img class='list-img' src=" + img + " onerror=javascript:this.src='" + image + "'>";
              str += '</div>'
              //标题
              str += "<div class='list-title'><p class='ell'>" + mess.items[i].title + "</p></div>";
              //简介 时间
              str += "<div class='list-address'>" + mess.items[i].address + "</div>"
              str += "<div class='list-start-time'>" + mess.items[i].format_start_time + '-' + mess.items[i].format_end_time + "</div>"
              //info结束
              str += '</div>'

              //活动状态
              str += '<div class="list-status">'
              if (mess.items[i].status == 2) {
                str += '<img src="../images/icon-2.png">'
              } else if (mess.items[i].status == 1) {
                str += '<img src="../images/icon-1.png">'
              } else {
                str += '<img src="../images/icon-0.png">'
              }
              str += '</div>'

              str += '</div>'
            } else if (modelIndex.mainlistName == 'list-video') {
              var img = '';
              if (mess.items[i].images == '') {
                img = '../images/base.png'
              } else {
                img = API_URL.imgURL + mess.items[i].images
              }
              str += '<div class="list-imgBar">'
              str += "<img class='list-img' src=" + img + ">";
              str += '</div>'
              if (mess.items[i].tpe == 5 || mess.items[i].tpe == 4) {
                str += "<div class='listPlay' ><img src='../images/play.png'></div>";
              }
              str += "<div class='list-title'><p class='ell'>" + mess.items[i].title + '</p></div>'
              str += '</div>'
            }
          }
        } else {
          str = '<h1>暂无数据</h1>'
          $('.page-show').css('display', 'none')
        }
        $('#' + modelIndex.mainContainerId).html(str);
        MessOpt(page, mess.totalpage, pos, index, 'run');
      })
    } 
    else if (modelIndex.model_api == 'getArticleList') {
      var params = {
        cid: id,
        page: page,
        pagesize: modelIndex.pageSize,
      }
      GetDatas(modelIndex.model_api, params, function (res, data) {
        var mess = data.data;
        console.log(mess.items)
        var str = '';
        if (mess.items.length) {
          for (var i = 0; i < mess.items.length; i++) {
            str += '<div class="' + modelIndex.mainlistName + '" data-id=' + mess.items[i].id +
              " data-tpe=" + mess.items[i].tpe + " >";

            

            if (modelIndex.mainlistName == 'list-video') {
              if (mess.items[i].tpe==1) {
              str += '<div class="list-flag flag1">'+"文章"+"</div>"
              
            } else if(mess.items[i].tpe==2){
              str += '<div class="list-flag flag2">'+"图文"+"</div>"
              
            } else if(mess.items[i].tpe==3){
              str += '<div class="list-flag flag3">'+"图集"+"</div>"
              
            }else if(mess.items[i].tpe==4){
              str += '<div class="list-flag flag4">'+"视频"+"</div>"
              
            }else if(mess.items[i].tpe==5){
              str += '<div class="list-flag flag5">'+"直播"+"</div>"
              
            }
              var img = '';
              if (mess.items[i].images == '') {
                img = '../images/base.png'
              } else {
                img = API_URL.imgURL + mess.items[i].images
              }
              str += '<div class="list-imgBar">'
              str += "<img class='list-img' src=" + img + ">";
              str += '</div>'
              if (mess.items[i].tpe == 5 || mess.items[i].tpe == 4) {
                str += "<div class='listPlay' ><img src='../images/play.png'></div>";
              }
              str += "<div class='list-title'><p class='ell'>" + mess.items[i].title + '</p></div>'
              str += '</div>'
            }
          }
        } else {
          str = '<h1>暂无数据</h1>'
          $('.page-show').css('display', 'none')
        }
        $('#' + modelIndex.mainContainerId).html(str);
        MessOpt(page, mess.totalpage, pos, index, 'run');
      })

    }
  }
  function direEnter(status, id, index) {
      if(modelIndex.model_api  == "getShareList") {
        $.cookie('TV__CST_' + window.location.pathname, null);//这个接口的列表是不走详情页的，所以neter的时候，将路径焦点记录清掉
        return
      }
      var tpe = $('.active').attr('data-tpe');
      if (tpe == 4 || tpe == 5) {
        window.location.href = 'play.html?id=' + $('.active').attr('data-id');
      } else if (tpe == 1 || tpe == 2 || tpe == 3) {
        window.location.href = modelIndex.model_detail+'.html?id=' + $('.active').attr('data-id') + '&type=' + $(
          '.focus_menu').attr('data-id');
      }else{
        window.location.href = modelIndex.model_detail+".html?id=" + $('.active').attr('data-id')+"&type=active";

      }
    



  }
</script>
<script type="text/javascript" src="../js/twoPageList.js"></script>

</html>